<template>
  <div class="tougao-pop">
    <div class="triangle"></div>
    <div class="btn-group">
      <a href="#" class="el-icon-s-order">专栏投稿</a>
      <a href="#" class="el-icon-s-order">音频投稿</a>
      <a href="#" class="el-icon-s-order">视频投稿</a>
      <a href="#" class="el-icon-s-order">投稿管理</a>
    </div>
  </div>
</template>
<style scoped>
.triangle {
  top: -8px;
  left: 270px;
}
.tougao-pop {
  display: none;
  position: absolute;
  top: 50px;
  left: -230px;
  width: 320px;
  height: 70px;
  background-color: #fff;
  border-radius: 3px;
}
.btn-group {
  display: flex;
  justify-content: center;
}
.btn-group a {
  display: block;
  width: 80px;
  height: 70px;
  color: #000;
  text-align: center;
  font-size: 14px;
}
.btn-group .el-image {
  display: block;
  width: 32px;
  height: 32px;
}
.btn-group a::before {
  display: block;
  font-size: 26px;
  padding: 10px;
}
.btn-group a:hover {
  background-color: #ccc;
}
</style>
